<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href="./css/common.css">
    <link rel="stylesheet" href="./css/style.css">
    <title>Document</title>
</head>
<body>
    <!-- 导航部分 -->
    <div class="nav">
        <div class="container">
            <img src="./image/logo.png" alt="利祥装饰logo">
            <ul class="list">
                <li class="choise"><a href="">首页</a></li>
                <li><a href="">关于利祥</a></li>
                <li><a href="">产品中心</a></li>
                <li><a href="">新闻中心</a></li>
                <li><a href="">品牌案例</a></li>
                <li><a href="">联系我们</a></li>
            </ul>
        </div>
    </div>

    <!-- 轮播图部分 -->
    <div class="banner"></div>
    
    <!-- 关于部分 -->
    <div class="about-list container">
        <div class="row">
            <div class="col-lg-4 col-xs-12">
                <div class="item">
                    <img src="./image/pro1.jpg" alt="">
                    <h3>关于利祥</h3>
                    <p>武汉利祥装饰材料有限公司成立于2007年，总部位于湖北武汉，作为华中地区专业的大型踢脚线生产企业，以“质量求生产、信誉求发展、变化赢先机”为企业宗旨，努力提升自身优势，成为业内一流的踢脚线生产研发基地，引领行业快速发展。</p>
                    <div class="more">MORE</div>
                </div>
            </div>
            <div class="col-lg-4 col-xs-12">
                <div class="item">
                    <img src="./image/pro2.jpg" alt="">
                    <h3>利祥品牌</h3>
                    <p>利祥旗下拥有百饰达、优然之家、品尚居、宏达、乐和居、铭家、雅居、利祥、康树、聚塑木、莱茵特恩、好饰家、欧瑞等近30个行业内知名品牌，上千个花色。目前公司生产的踢脚线占全国市场近半的份额，市场占有率逐年稳步增加！</p>
                    <div class="more">MORE</div>
                </div>
            </div>
            <div class="col-lg-4 col-xs-12">
                <div class="item">
                    <img src="./image/pro3.jpg" alt="">
                    <h3>品牌案例</h3>
                    <p>利祥积极响应环保号召，致力于开发再生资源循环使用，潜心打造真正“绿色”工业制品，将“以塑代木，变废为宝”的工艺发挥到极致，通过先进的工艺设备生产出达到或优于国际先进标准的高质量产品，兼具美观性、耐磨性、抗腐性、环保无污染等特色。</p>
                    <div class="more">MORE</div>
                </div>
            </div>
        </div>
    </div>

    <!-- 圆形列表 -->
    <div class="circle-list">
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-sm-6 col-xs-6">
                    <img src="./image/about1.png" alt="">
                    <h3>美观性</h3>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-6">
                    <img src="./image/about2.png" alt="">
                    <h3>耐磨性</h3>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-6">
                    <img src="./image/about3.png" alt="">
                    <h3>抗腐性</h3>
                </div>
                <div class="col-lg-3 col-sm-6 col-xs-6">
                    <img src="./image/about4.png" alt="">
                    <h3>环保性</h3>
                </div>
            </div>
        </div>
    </div>

    <!-- 商品列表 -->
    <div class="product-list">
        <div class="title">
            <h3>产品中心</h3>
            <img src="./image/bg2.png" alt="">
        </div>
        <div class="container">
            <div class="row">
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/1.jpg" alt="">
                        <p>宏达系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/2.jpg" alt="">
                        <p>维度空间系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/3.jpg" alt="">
                        <p>忆江南系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/4.jpg" alt="">
                        <p>一竹一木系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/5.jpg" alt="">
                        <p>四季阳关系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/6.jpg" alt="">
                        <p>雅居系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/7.jpg" alt="">
                        <p>绿源系列</p>
                    </div>
                </div>
                <div class="col-lg-3 col-md-6 col-xs-12">
                    <div class="item">
                        <img src="./image/8.jpg" alt="">
                        <p>鑫诚系列</p>
                    </div>
                </div>
            </div>
        </div>
    </div>

    <!-- 新闻动态 -->
    <div class="news">
        <div class="title">
            <h3>最新动态</h3>
            <img src="./image/bg2.png" alt="">
        </div>
        <div class="container">
            <div class="row">
                <img class="col-lg-5 news-list-l col-sm-12 col-xs-12" src="./image/new-l-1.jpg" alt="">
                <div class="col-lg-7 news-list-r">
                    <div class="row">
                        <img class="col-lg-3 col-sm-12 col-xs-12" src="./image/new1.jpg" alt="">
                        <div class="col-lg-9 col-sm-12 col-xs-12">
                            <h2>什么是踢脚线？</h2>
                            <p>踢脚线又称为地脚线或者墙角线，是用来装饰墙面与地板的立面材料，
                                地脚线可以使得空间更加立体及有层次。地...</p>
                            <span>阅读详情</span>
                        </div>
                    </div>
                    <div class="row">
                        <img class="col-lg-3 col-sm-12 col-xs-12" src="./image/new2.jpg" alt="">
                        <div class="col-lg-9 col-sm-12 col-xs-12">
                            <h2>怎样去挑选踢脚线？</h2>
                            <p>
                                踢脚线，是家居装饰中一个非常容易忽略的部分，
                                这是一个并不显眼且较小的部分，但是不可否认的是，踢脚线也...</p>
                            <span>阅读详情</span>
                        </div>
                    </div>
                    <div class="row">
                        <img class="col-lg-3 col-sm-12 col-xs-12" src="./image/new3.jpg" alt="">
                        <div class="col-lg-9 col-sm-12 col-xs-12">
                            <h2>踢脚线如何选择才能使室内搭配效果达到最佳</h2>
                            <p>有些住户在选择踢脚线的时候，依照自己喜欢的颜色来选择，
                                却在安装之后发现踢脚线和房间搭配不合理，特别是...</p>
                            <span>阅读详情</span>
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
    
    <!-- 页脚 -->
    <div class="footer">
        <div class="container">
            <div class="row">
                <div class="footer-l col-lg-6 col-sm-12 col-xs-12">
                    <div class="row">
                        <img class="col-lg-2 col-sm-2 col-xs-2" src="./image/wxcode.png" alt="">
                        <div class="col-lg-10 col-sm-10 col-xs-10">
                            <p>生产地址：xx市xxxx区xx街道xx社区xxxx大道xx号</p>
                            <p>电话：xxx-xxxxxxxx</p>
                            <p>手机：xxxxxxxxxxx</p>
                        </div>
                    </div>
                </div>
                <div class="footer-r col-lg-6 col-sm-12 col-xs-12">
                    <p>Copyright © 2015-2021 xxx（xx）xxxxxxxxxx有限公司 版权所有</p>
                    <p>XICP备XXXXXXXXXX号-X</p>
                </div>
            </div>
        </div>
    </div>
</body>
</html>